.SwitchProjects {
	width: 100%;
	max-height: 60vh;
	overflow-y: scroll;

	&::-webkit-scrollbar {
		display: none;
	}

	& > div {
		padding: 15px;
		margin: 8px 0;
		width: 100%;
		border: 1px solid #cccccc;
		height: 50px;
		border-radius: 3px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		cursor: pointer;
		transition: 0.35s;
		font-size: 20px;
		font-family: ShuHeiTi;
		font-weight: 400;
		line-height: 18px;
		box-shadow: 2.3px 2.3px 6px rgba(0, 0, 0, 0.024),
			6.3px 6.3px 16.7px rgba(0, 0, 0, 0.035),
			15.1px 15.1px 40.1px rgba(0, 0, 0, 0.046),
			50px 50px 133px rgba(0, 0, 0, 0.07);
	}
}

.SynchronizeScore {
	width: 100%;

	& > .label {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 8px 0;

		& > div:first-child {
			width: 150px;
			margin-right: 16px;
			text-align: right;
			font-size: 20px;
			font-family: ShuHeiTi;
			font-weight: 400;
		}

		& > *:last-child {
			flex: 1;
		}
	}

	& > .submit {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	& > .tips {
		text-align: center;
		color: red;
		font-size: 24px;
		font-family: ShuHeiTi;
		font-weight: 600;
	}
}

.MapPositionModal {
	.MapBox {
		position: relative;
		width: 100%;
		height: 60vh;
		overflow: hidden;

		.cesium-viewer-toolbar {
			top: 16px;
		}

		& > .SaveAddress {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 32px;
			z-index: 1;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
}

.FlowFormSubmitModal {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	& > .Options {
		width: 100%;
		margin-bottom: 16px;
	}

	& > button {
		width: 200px;
	}
}
